#{extends 'main.html' /}

<div id="div_registration">
        <h1>&{'Registration form'}</h1>
        #{form @Registration.provRegistration()}
                #{if flash.error}
                        <p class="error">
                                &{flash.error}
                        </p>
                #{/if}
                #{if flash.success}
                        <p class="success">
                        &{flash.success}
                        </p>
                #{/if}
                <p id="provlogin-field">
                        <label for="login">&{'login'}</label>
                        <input type="text" name="login" id="login"/>
                </p>
                <p id="provname-field">
                        <label for="name">&{'name'}</label>
                        <input type="text" name="name" id="name" value="Bob" />
                </p>
                <p id="provlastname-field">
                        <label for="lastname">&{'lastname'}</label>
                        <input type="text" name="lastname" id="lastname" value="Smith" />
                </p>
                <p id="provzip-field">
                        <label for="zip">&{'zip'}</label>
                        <input type="text" name="zip" id="zip" value="48015" />
                </p>
                <p id="provstateProvince-field">
                        <label for="stateProvince">&{'stateProvince'}</label>
                        <input type="text" name="stateProvince" id="stateProvince" value="Massachusett" />
                </p>
                <p id="city-field">
                        <label for="city">&{'city'}</label>
                        <input type="text" name="city" id="city" value="Boston" />
                </p>
                <p id="typeOfCar-field">
                        <label for="typeOfCar">&{'typeOfCar'}</label>
                        <input type="text" name="typeOfCar" id="typeOfCar" value="sedan" />
                </p>
                <p id="seatsNumber-field">
                        <label for="seatsNumber">&{'seatsNumber'}</label>
                        <input type="text" name="seatsNumber" id="seatsNumber" value="4" />
                </p>
                <p id="farePerMinute-field">
                        <label for="farePerMinute">&{'farePerMinute'}</label>
                        <input type="text" name="farePerMinute" id="farePerMinute" value="10" />
                </p>
                <p id="fareFixed-field">
                        <label for="fareFixed">&{'fareFixed'}</label>
                        <input type="text" name="fareFixed" id="fareFixed" value="10" />
                </p>
                <p id="email-field">
                        <label for="email">&{'email'}</label>
                        <input type="text" name="email" id="email" value="10" />
                </p>
                <p id="country-field">
                        <label for="country">&{'country'}</label>
                        <input type="text" name="country" id="country" value="USA" />
                </p>
                <p id="registration-field">
                        <input type="submit" id="provRegistration" value="&{'registration'}" />
                </p>
        #{/form}
</div>